<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>表格布局</title>
	</head>

	<body>
		<table width="100%" height="800px" border="0px" cellpadding="0px" cellspacing="0px">
			<tr>
				<!---head--->
				<td width="100%" height="30px" colspan="3" bgcolor="aquamarine"></td>
			</tr>
			<tr>
				<td width="20%" bgcolor="bisque"></td>
				<td width="60%" bgcolor="burlywood">
					<!--主体部分，可以放任何内容--->

					<table align="center" bordercolor="#A0AFB7" border="1px" width="500px" cellpadding="8px" cellspacing="0px">
						<!--行-->
						<tr align="center">
							<td align="right" rowspan="2">列1</td>
							<td colspan="2">列2</td>
							<!--<td>列3</td>-->
						</tr>
						<tr align="center">
							<!--<td>列1</td>-->
							<td>列2</td>
							<td>列3</td>
						</tr>
						<tr align="center">
							<td>列1</td>
							<td>列2</td>
							<td>列3</td>
						</tr>
					</table>
					<!--主体部分，可以放任何内容 -end--->
				</td>
				<td width="20%" bgcolor="darkgray"></td>
			</tr>
			<tr>
				<!---head--->
				<td width="100%" height="30px" colspan="3" bgcolor="aquamarine"></td>
			</tr>
		</table>
	</body>

</html>